<ui:composition template="template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:icecore="http://www.icefaces.org/icefaces/core"
                xmlns:ace="http://www.icefaces.org/icefaces/components"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:f="http://java.sun.com/jsf/core">
    <ui:define name="body_content">
        
        <img src="img/appbar.base.arrow.png" alt="ir atras" class="nav-back" onclick="history.go(-1)" />
        <h3 class="header-bg" style="text-align: center">Sistema de Información Vehicular | Registro de incidentes</h3>
            
        <!-- <ace:tabSet id="reservacion" clientSide="false"> -->   
        <h:form id="fromIncidentes" styleClass="dataEntryForm" >
            <ace:panel id="Incidenes" header="Registro de incidentes">
                <p class="titulo_panel">Por favor rellene los campos del formulario de la izquierda. Los campos marcados con (*) son requeridos..<span class="titulo_panel"></span></p>
                   
                   
                    <h:panelGrid id="inputGrid" columns="1" width="100%" styleClass="textEntryInputTable">
                    
                    <!-- Toggle DIV via ajax call -->
                        
                    <h:graphicImage class="ico-label" value="img/ico/user.png" alt="nombre"/>
                    <ace:textEntry id="firstNameInput" value="#{textEntryBean.firstName}" label="Nombre del registrante " labelPosition="left" required="true" requiredIndicator="(*)" indicatorPosition="right">
                        <ace:ajax render="@this firstNameOutput firstNameMsg"/>
                    </ace:textEntry>
                        
                        
                    <h:panelGrid  columns="1">
                        <ace:textEntry id="Incidente"  label="Gravedad del incidente" labelPosition="left" > </ace:textEntry>
                        <p> </p>
                        <ace:textAreaEntry id="descripcion" label="Descripción del incidente" labelPosition="left" required="true" />
                        <ace:textEntry id="numeroEstacionamiento" label="Número estacionamiento" labelPosition="left" maxlength="5"> </ace:textEntry>
                        <h:panelGrid id="Vehiculos" width="100%" columns="2">
                            <ace:textEntry id="placaVehiculo" label="Placa vehículo" labelPosition="left"  >
                            </ace:textEntry>
                        
                        
                        </h:panelGrid>
                        
                        <ace:dateTimeEntry id="fecha"
                                           value="#{dateLabel.selectedDate}"
                                           pattern="MMM/dd/yyyy"
                                           renderAsPopup="true"
                                           label="Fecha de incidente"
                                           labelPosition="left"/>
                        <ace:textEntry id="hora" label="Hora incidente" labelPosition="left" > </ace:textEntry>
                        
                        
                    </h:panelGrid>
                        
                    <input id="incidente" type="button" Class="botonEnviarConsulta" value="Registrar Incidente" />
                        
                    <!-- END Toggle DIV via ajax call -->
                </h:panelGrid>
            </ace:panel>
                
        </h:form>
        
         </ui:define>
</ui:composition>
